<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      // find 翻译为查找，它的作用就是根据条件在数组中查找元素
      // 如果有符合条件的元素，则返回符合条件的第1个找到的元素
      // 如果没有符合条件的元素，则返回 undefined
      let arr = [
        { id: 12, name: '吃饭', isDone: false },
        { id: 14, name: '听歌', isDone: true },
        { id: 23, name: '洗澡', isDone: true },
        { id: 34, name: '睡觉', isDone: false },
        { id: 35, name: '游戏', isDone: false }
      ]
      let res = arr.find(item => {
        // return '条件'
        return item.id === 23
      })
      console.log(res)
      res.isDone = !res.isDone

      // findIndex 翻译为查找下标，它的作用就是根据条件在数组中查找元素的下标
      // 如果有符合条件的元素，则返回符合条件的第1个找到的元素的下标
      // 如果没有符合条件的元素，则返回 -1
    </script>
  </body>
</html>
